<template>
  <input type="text" :value="val" @input="$emit('ipt', $event.target.value)" />
</template>

<script>
export default {
  props: ["val"],
  // 如果父组件用的 v-model ，则可以配置一下属性名 和 事件名
  model: {
    prop: "val", // 配置属性名
    event: "ipt", // 配置事件名
  },
};
</script>

<style>
input {
  border: solid 1px salmon;
}
</style>